@charset 'UTF-8';
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: none;
  user-select: none;
}
img {
  display: block;
  width: 100%;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
i,
em {
  font-style: normal;
}
.uni-wrapper {
  width: 100%;
  position: relative;
  margin-top: 11.7333vw;
  height: 166.1333vw;
}
.uni-wrapper .container {
  width: 100%;
  height: 177.8667vw;
  padding: 13.3333vw 8vw;
}
.uni-wrapper .container .number-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 8vw;
  width: 100%;
  height: 17.3333vw;
  background-color: #fff;
}
.uni-wrapper .container .number-header .title {
  height: 8.8vw;
  color: #191919;
  font-size: 27px;
}
.uni-wrapper .container .number-header .sub-title {
  flex: 1;
  margin-top: 2.6667vw;
  color: #b3b3b3;
  font-size: 14px;
}
.uni-wrapper .container .login-form {
  width: 100%;
  height: 68.5333vw;
}
.uni-wrapper .container .login-form .form-item {
  color: grey;
  display: flex;
  height: 12.8vw;
  padding: 2.4vw;
  margin-bottom: 4vw;
  border-bottom: 0.2667vw solid #f3f1f2;
  position: relative;
  line-height: 30px;
}
.uni-wrapper .container .login-form .form-item input {
  font-size: 16px;
  border: none;
  display: inline-block;
  width: 100%;
  height: 100%;
  outline: none;
}
.uni-wrapper .container .login-form .form-item .uni-input-message {
  flex: 1;
}
.uni-wrapper .container .login-form .form-item .form-item-parts {
  padding-right: 2.6667vw;
  font-size: 3.7333vw;
  line-height: 6.6667vw;
}
.uni-wrapper .container .login-form .form-item .active {
  color: #cea26a;
}
.uni-wrapper .container .login-form .form-item .activate {
  color: #9e9e9e;
}
.uni-wrapper .container .login-form .form-item .text {
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.uni-wrapper .container .login-form .form-item .form-input {
  flex: 1;
  height: 100%;
}
.uni-wrapper .container .login-form .form-item .form-parts {
  width: 25.6vw;
  height: 100%;
}
.uni-wrapper .container .login-form .form-item .form-parts .pic {
  background-color: #ecb53c;
}
.uni-wrapper .container .login-button {
  margin-top: 10.6667vw;
  height: 11.4667vw;
  width: 100%;
  background: linear-gradient(90deg, #ecb53c, #ff9211);
  color: #fff;
  border-radius: 40px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  letter-spacing: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
